<!-- 首页-推荐 -->
<template>
  <div class="recommend">
		<div class="recommend-item" v-for="(item, index) in recommends" :key="index" >
			<a :href="item.link">
				<img :src="item.image" alt="">
				<div>{{ item.title }}</div>
			</a>
		</div>
	</div>
</template>

<script>
export default {
  name: 'RecommendView',
  data () {
    return {
    };
  },
  props: {
      recommends: {
          type: Array,
          default: []
      }
  }
}

</script>
<style scoped>
.recommend {
	display: flex;
	width: 100%;
	text-align: center;
	font-size: 12px;
	padding: 10px 0 20px;
	border-bottom: 10px solid #eee;
}

.recommend-item {
	flex: 1;
}

.recommend-item img {
	width: 65px;
	margin-bottom: 6px;
}
</style>

